/* ::::: http://ued.ctrip.com/blog/wp-content/webkitcss/css/demo.css ::::: */

html, body, p, dl, dd, form { margin: 0px; }
body { color: rgb(51, 51, 51); font: 14px/1.42 "Microsoft Yahei","Simsun",arial,tahoma,sans-serif; }
h1, h2, h3, h4, h5, h6 { margin: 0px; font-size: 14px; }
dl, dt, dd { margin: 0px; padding: 0px; }
h1 { margin-bottom: 30px; font-size: 28px; width: 400px; border-bottom: 1px solid rgb(204, 204, 204); }
.control_panel { float: left; padding-left: 20px; }
header { background: rgb(241, 241, 241) none repeat scroll 0% 0%; padding: 20px; color: rgb(51, 51, 51); border-bottom: 1px solid rgb(221, 221, 221); font: 18px "Microsoft Yahei"; }
section .intro { padding: 10px; margin: 10px 0px; border: 1px solid rgb(221, 221, 221); background: rgb(242, 242, 242) none repeat scroll 0% 0%; }
.flexbox { width: 100%; }
.flexbox div { color: rgb(255, 255, 255); font-size: 14px; text-align: center; height: 100px; }
.flexbox .item1, .flexbox .item6 { background: rgb(255, 102, 0) none repeat scroll 0% 0%; }
.flexbox .item2, .flexbox .item8 { background: rgb(0, 153, 255) none repeat scroll 0% 0%; }
.flexbox .item3 { background: rgb(255, 153, 0) none repeat scroll 0% 0%; }
.flexbox .item4 { background: rgb(255, 0, 0) none repeat scroll 0% 0%; }
.flexbox .item5 { background: rgb(51, 153, 102) none repeat scroll 0% 0%; }
.flexbox .item7 { width: 50%; background: rgb(255, 153, 0) none repeat scroll 0% 0%; }
